<template>
	<view class="goods_list">
		<view class="goods_item" v-for="item in goods">
			<!-- 图片 -->
			<image :src="item.goods_big_logo">
			<view class="pirce" >
				<text>￥{{item.goods_price}}</text>
				<text>￥{{item.goods_number}}</text>
					
			</view>
			<view class="goods_info" >
				<text>{{item.goods_name}}</text>
			</view>
			
		</view>
	</view>
</template>

<script>
	
	export default{
		props:["goods"]
	}
</script>

<style lang="scss">
	.goods_list{
		padding: 0 15rpx;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		.goods_item{
			width: 355rpx;
			background: #FFFFFF;
			box-sizing: border-box;
			padding: 15rpx;
			margin: 10rpx 0;
			image{
				width: 90%;
				height: 180px;
				padding: 10rpx 0;
				display: block;
				margin: auto;
			}
			.pirce{
				color: $shop-color;
				font-size: 30rpx;
				text:nth-child(2){
					color: #C0C0C0;
					font-size: 28rpx;
					margin-left: 18rpx;
					text-decoration: line-through;
				}
			}
			
			.goods_info{
				font: 28rpx;
				line-height: 50rpx;
				padding: 10rpx 0;
			}
			
		}
	}
</style>
